.main
{
	width: 100%;
	
	padding: 10px;
	
	border-radius: 15px;
	background-color: rgb(239, 228, 176);
}

.body
{
	width: 100%;
	
	border-radius: 15px;
	background-color: rgb(239, 228, 176);
}

.home
{
	padding: 10px;
	margin: 10px;

	border-radius: 15px;
	background-color: #B8BEDE;
	
	text-align: center;
	font-size: 20px;
}

.info
{
	padding: 10px;
	margin: 10px;

	border-radius: 15px;
	background-color: #B8BEDE;
	
	//text-align: center;
	font-size: 20px;
}

.info-title
{
	font-size: 40px;
	color: rgb(136, 0, 21);
}

.info-title:hover
{
	cursor: pointer;
	cursor: hand;
	
	color: #FFFFFF;
}

.info-group
{
	padding: 5px;
	margin: 5px;

	border-radius: 10px;
	background-color: rgb(136, 0, 21);
	color: #FFFFFF;
	
	text-align: center;
}

.info-group:hover
{
	background-color: #FFFFFF;
	color: rgb(136, 0, 21);
}

.span
{
	margin-top: 10px;
}

.item
{
	padding: 10px;
	margin: 10px;

	border-radius: 15px;
	background-color: #B8BEDE;
}

.name
{
	width: 150px;
	
	padding: 5px;
	margin: 5px;

	border-radius: 10px;
	background-color: rgb(136, 0, 21);
	color: #FFFFFF;
	
	text-align: center;
}

.name:hover
{
	background-color: #FFFFFF;
	color: rgb(136, 0, 21);
}

.clickable
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.clickable:hover
{
	cursor: pointer;
	cursor: hand;
}

.list
{

}

.header
{
	width: 100%;
}

.logo
{
	width: 120px;
	
	border-radius: 20px;
	border-style: solid;
	border-color: rgb(239, 228, 176);
	
	padding: 10px;
}

.logo:hover
{
	cursor: pointer;
	cursor: hand;
	
	border-style: solid;
	border-color: #FFFFFF;
}

.header-item
{
	width: 120px;
	height: 40px;
    
	padding: 5px;
	margin: 5px;
	margin-top: 20px;
	
	border-radius: 20px;
	background-color: rgb(136, 0, 21);
	color: #FFFFFF;
	
	font-size: 30px;
	text-align: center;
}

.header-item:hover
{
	cursor: pointer;
	cursor: hand;
	
	background-color: #FFFFFF;
	color: rgb(136, 0, 21);
}

.user-item
{
	width: 80px;
	height: 20px;
    
	padding: 5px;
	margin-top: 5px;

	border-radius: 10px;
	color: #9D4343;
	
	font-size: 20px;
	text-align: center;
}

.user-item:hover
{
	cursor: pointer;
	cursor: hand;
	
	color: #FFFFFF;
}

.register
{
	padding: 10px;
	margin: 10px;

	border-radius: 15px;
	background-color: #B8BEDE;
}

.link-title
{
	font-size: 40px;
	color: rgb(136, 0, 21);
}

.link-title:hover
{
	cursor: pointer;
	cursor: hand;
	
	color: #FFFFFF;
}

.link
{
	width: 200px;
	
	padding: 5px;
	margin: 5px;

	border-radius: 10px;
	background-color: rgb(136, 0, 21);
	color: #FFFFFF;
	
	text-align: center;
}

.link-path
{
	width: 300px;
	
	padding: 5px;
	margin: 5px;

	border-radius: 10px;
	background-color: rgb(0, 68, 136);
	color: #FFFFFF;
	
	text-align: center;
}

.link:hover
{
	background-color: #FFFFFF;
	color: rgb(136, 0, 21);
}

.link-parent
{
	width: 300px;
	
	padding: 5px;
	margin: 5px;

	border-radius: 10px;
	background-color: rgb(0, 68, 136);
	color: #FFFFFF;
	
	text-align: center;
}

.link-parent:hover
{
	background-color: #FFFFFF;
	color: rgb(136, 0, 21);
}

pre
{
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	color: rgb(136, 0, 21);
}

.input
{
	font-family: monospace;
}
